<template>
	<view>
		<template v-if="list.length>0">
			<block v-for="(item,index) in list" :key="index">
				<indexList :item="item"></indexList>
			</block>
			<!-- 上拉加载 -->
			<loadMore :loadtext="loadtext"></loadMore>
		</template>
		<template v-else-if="isSearch && list.length<1">
			<!-- 默认无数据 -->
			<noThing></noThing>
		</template>
	</view>
</template>

<script>
	import indexList from '../../components/index/index-list.vue';
	import loadMore from '../../components/common/load-more.vue';
	import noThing from '../../components/common/no-thing.vue'
	export default {
		components: {
			indexList,
			loadMore,
			noThing
		},
		data() {
			return {
				searchText:'',//输入文字
				loadtext: '上拉加载更多',
				isSearch:false,
				list: []
			}
		},
		// 监听原生标题栏按钮点击事件
		onNavigationBarButtonTap(e) {
			if (e.index == 0) {
				uni.navigateBack({
					delta: 1
				});
			}
		},
		//监听搜素框输入内容变化事件
		onNavigationBarSearchInputChanged(e) {
			console.log(e)
			this.searchText=e.text;
		},
		//监听原生标题栏搜索输入框搜索事件，用户点击软键盘上的“搜索”按钮时触发
		onNavigationBarSearchInputConfirmed(e) {
			if(e.text){
				e.text=''
				this.getData()
			}
			
			
		},
		//监听原生标题栏搜索输入框点击事件
		onNavigationBarSearchInputClicked() {
			
		},
		//监听上拉刷新
		onPullDownRefresh() {
			this.getData();
			uni.stopPullDownRefresh();
		},
		//监听页面触地事件
		onReachBottom(){
			this.loadMore()
		},
		methods: {
			loadMore(index) {
				console.log(index)
				if(this.loadtext!="上拉加载更多"){return}
				//修改状态
				this.loadtext="加载中...";
				setTimeout(()=>{
					//获取完成
					let obj={
						headPortrait: '../../static/img/userpic/1.jpg', //头像
						nickName: '小幸福', //昵称
						isFollow: true, //是否关注,
						title: '知识改变一切', //内容
						titlePic: '../../static/img/datapic/1.jpg',
						type: 'img', //图片或者视频
						info: {
							infoOperater: 1, //0没操作   1笑脸 2哭
							laugh: 20, //笑哭
							cry: 10,
						},
						publish: '20w', //发布
						forward: '122' //转发
					}
					this.list.push(obj);
					this.loadtext="上拉加载更多"
				},1000)
				// this..loadtext="我也是有底线的"
			},
			getData(){
				uni.showLoading({
				    title: '加载中'
				});
				setTimeout(()=>{
					//获取完成
					let arr=[{
						headPortrait: '../../static/img/userpic/1.jpg', //头像
						nickName: '小幸福', //昵称
						isFollow: true, //是否关注,
						title: '知识改变一切', //内容
						titlePic: '../../static/img/datapic/6.jpg',
						type: 'img', //图片或者视频
						info: {
							infoOperater: 1, //0没操作   1笑脸 2哭
							laugh: 20, //笑哭
							cry: 10,
						},
						publish: '20w', //发布
						forward: '122' //转发
					},
					{
						headPortrait: '../../static/img/userpic/1.jpg', //头像
						nickName: '小幸福', //昵称
						isFollow: true, //是否关注,
						title: '知识改变一切', //内容
						titlePic: '../../static/img/datapic/2.jpg',
						type: 'img', //图片或者视频
						info: {
							infoOperater: 1, //0没操作   1笑脸 2哭
							laugh: 20, //笑哭
							cry: 10,
						},
						publish: '20w', //发布
						forward: '122' //转发
					}]
					this.list=arr;
					this.isSearch=true;
					uni.hideLoading();
					// this.isSearch=true  //如果没有数据显示
				},1000)
			}
		}
	}
</script>

<style>

</style>
